<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>


    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Nueva Finca</title>
        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <script language=" JavaScript" type="text/javascript">

            function comprobarcamposobligatorios(){
                var p= document.getElementsByName("nombre");
                var q= document.getElementsByName("capacidad");
                var r= document.getElementsByName("correo");
                if(p[0].value == 0 ||q[0].value == 0 ||r[0].value == 0 ){
                    alert("Introduce los campos obligatorios");
                    //window.location="/listadof";
                }
            }
        </script>
    </head>

    <body >
        <h1>
            <form action="/listadof">
                <input type="image" src="stylesheets/fondo_admin.jpg" >
            </form>

            <br>
            <center>Nueva finca</center>
        </h1>


        <form action="/crear_finca" method="post">
            <fieldset>
                <legend>Información</legend>
			*Nombre: <input name="nombre" type="text">
                        *Capacidad:<input type ="text" name="capacidad"> <br />
			Teléfono: <input type="text" name="telefono"> <br />
			*Correo Electrónico:<input type="text" name="correo">
                <font size="2">(*Campos obligatorios)</font>
            </fieldset>
            <fieldset>
                <legend>Información a mostrar</legend>
                <div>
                    <textarea name="comentarios" rows="3" cols="60"></textarea>
                </div>

                <input align="right" type="submit" value="Guardar" onclick="comprobarcamposobligatorios()" >
            </fieldset>
        </form>
    </body>
</html>